/*PC端*/
/* 主菜单 */
.pc_header{width:100%; background: #7f7f7f; height:6.25em;}
.pc_nav>a{  width: 18.75em;  float: left; text-align:center;}
.pc_nav>a>img{width: 15.625em; max-width: 15.625em;}
/*  一级菜单样式   */
.pc_nav>ul{width: 43.75em; max-width: 43.75em; float: left;}
.pc_nav>ul>li{float:left; width: 33.3333%; }
.pc_nav>ul>li>a{line-height:5em;display:block;text-align:center;font-size:1.25em;color:#fff;}
.pc_nav>ul>li:hover>a{color: #c8c8c8; }
/*   二级菜单样式  */
.pc_nav>ul>li>.pc_nav2_ul{display:none; position: absolute; z-index: 99; width: 14.58em; text-align: center;}
.pc_nav>ul>li>.pc_nav2_ul>.pc_nav2_li>a{display:block; line-height:3em; color:#fff;}
.pc_nav>ul>li>.pc_nav2_ul>.pc_nav2_li>a:hover{color: #c8c8c8;}
.pc_nav_both{ display: none; width: 100%; height: 10em; position: absolute; left: 0;top: 6.25em; z-index: 98; background: #969696; clear: both; filter:alpha(opacity=0.8); opacity: 0.8;}


/* 轮播图 */
.banner {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
.slideBox .hd ul{ text-align:center;  padding-top:5px; }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #7f7f7f;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 


/* 页脚 */
footer{width:100%; background: #7f7f7f;}
.footer_erweima{overflow:hidden; border-bottom:1px solid #646464; box-sizing: border-box; padding-bottom: 20px;}
.footer_erweima>div{ width: 200px; display: inline-block; text-align:center; float: left; }
.footer_erweima>div:last-child{ width: 400px;}
.footer_erweima>div>a{ display: block;font-size: 1.25em; color: #fff; line-height: 3em;}
.footer_erweima>div>a:hover{ color: #c8c8c8; }
.footer_erweima>div:last-child>a{ margin-top: 65px;}
.footer_ziye{ display: block; border-top:1px solid #969696; border-bottom:1px solid #646464; box-sizing: border-box; }
.footer_ziye>a{ font-size: 1em; color: #dedede; line-height: 3em; margin-left: 1em;}
.footer_ziye>a:hover{ color: #c8c8c8; }
.footer_ziye>a>img{ margin-bottom: 0.9em; }
#github{ margin-left: 19em; }
.copyright{ text-align:center; padding-top: 0.75em;padding-bottom: 0.75em; border-top:1px solid #969696; box-sizing: border-box; font-size: 1em;}
.copyright>p{ line-height: 1.5em; color: #dedede;}
.copyright>p>a{ color: #dedede; }
.copyright>p>a:hover{ color: #c8c8c8; }
.gongan{ margin-left:1em;}
.gongan>img{ margin-bottom:2px;}

/*  PC界面下隐藏手机版内容   */
.m_qian{display: none}
.m_hou{display:none}
.m_footer{ display: none; }



/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1025px) {
   /*导航栏*/
   .pc_nav>ul>li>a{font-size:1em; line-height:6.25em; }
   .pc_nav>ul>li>.pc_nav2_ul>.pc_nav2_li>a{font-size:0.875em; }
   .pc_nav_both{ height: 8em; }

   /*页脚*/
   .footer_erweima>div>a{font-size: 1em;}
   .footer_ziye>a{ font-size: 0.875em; }
   .copyright{ font-size: 0.875em; }
}



/*移动端*/
@media screen and (max-width: 1024px) and (min-width: 0px){

   /*移动端导航*/
   .pc_header{display:none}
   .m_qian{display:block;height:60px;background:#7f7f7f;width:100%;overflow: hidden;}
   .m_qian .m_qian_lf{padding-top:5px;padding-left:5px;float: left;}
   .m_qian .m_qian_lf .m_qian_logo{height:50px;display: block; }
   .m_qian .m_qian_rg{padding-right:5%;padding-top:17.5px;float: right;}
   .m_qian .m_qian_rg a .m_qian_menuimg{height:25px;display: block; }
   .m_hou {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000; }
   .m_hou .m_hou_beijing{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_hou .m_hou_tubiao_beijing{position:absolute;width:20%;left:0;top:5%;z-index:10;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_hou .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:10;right:-80%;overflow-y: scroll;}
   .m_hou .m_navList ul{padding-left:5%;padding-right:5%}
   .m_hou .m_navList ul li{border-bottom:1px solid #232530;}
   .m_hou .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:1em}
   .m_hou .m_navList ul li .m_navList_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_hou .m_navList ul li .m_navList_a a{flex: 1;}
   .m_hou .m_navList ul li .m_navList_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .m_hou_icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_hou_icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_hou .m_navList ul li .m_navList_nav{display:none;width: 100%;}
   .m_hou .m_navList ul li .m_navList_nav a{display: block; height:40px;line-height:40px;font-size:0.875em;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


      /*移动端页脚*/
   .footer{ display: none; }
   .m_footer{ display: block; padding: 2% 5% 2% 5%;}
   .m_footer_erweima{ overflow:hidden;}
   .m_footer_erweima>a{ display: inline-block; width: 33.3333%; font-size: 1em; color: #fff; line-height: 2em; text-align: center; float: left;}
   .m_footer_erweima>a:hover{ color: #c8c8c8; }
   .m_footer_ziye{ border-top:1px solid #888; border-bottom:1px solid #888; box-sizing: border-box; padding: 0.5em 0 0.5em 0; margin-top: 0.5em; margin-bottom: 0.5em;}
   .m_footer_ziye>a{ font-size: 0.75em; color: #dedede; line-height: 2em; margin-left: 1em;}
   .m_footer_ziye>a:hover{ color: #c8c8c8; }
   .m_copyright{ text-align:center; font-size: 0.75em;}
   .m_copyright>p{ line-height: 1.5em; color: #dedede;}
   .m_copyright>p>a{ color: #dedede; }
   .m_copyright>p>a:hover{ color: #c8c8c8; }
   .gongan{ margin-left:0em;}
}

